<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>19_经典面试题</title>
</head>

<body>
  <script>
    setTimeout(() => {
      console.log(0);
    }, 0);

    new Promise((resolve, reject) => {
      console.log(1);
      resolve();
    })
    .then(() => {
      console.log(2);
      new Promise((resolve, reject) => {
        console.log(3);
        resolve();
      })
      .then(() => {
        console.log(4);
      })
      .then(() => {
        console.log(5);
      })
    })
    .then(() => {
      console.log(6);
    })

    new Promise((resolve, reject) => {
      console.log(7);
      resolve();
    })
    .then(() => {
      console.log(8);
    })

    /**
     * 同步执行: 1 7
     * 宏:【0】
     * 微:【2、8】
     * -----------> 
     * 执行微任务: 2
     * ===========> 
     * 同步执行: 3
     * 宏:【0】
     * 微:【8、4、6】
     * -----------> 
     * 执行微任务: 8、4
     * ===========> 
     * 宏:【0】
     * 微:【6、5】
     * -----------> 
     * 执行微任务: 6、5
     * 执行宏任务: 0
     * 
    */
  </script>
</body>

</html>
